<div id="app">
    {{title}}
</div>

<script src="http://unpkg.com/vue@next"></script>
<script>
    // app实例创建
    // new vue
    // 1.为什么用函数的方式？
    // 函数支持强类型支持
    // 函数：vue3 react
    // class:Angular vue2 decorator

    // vue2定义组件，在html里用<comp></comp>引用
    Vue.component('comp',{})
    const app=Vue.createApp({
        data(){
            return{
                title:'hello vue3!'
            }
        },
        setup(){
            // 消失this
            // 声明响应式数据
            const state=Vue.reactive({
                title:'vue3,hello'
                // 先来后到优先选择的策略
            })
            // return state
            setTimeout(()=>{
                state.title='vueeee'
            })
            
        },
        // vue2里有h
        render(h){
            return h('div',{
                attrs:{
                    title:this.title
                }
            },'xxx')
            
            // vue3
            return Vue.h('div',{
                
            },'xxx')
        }

    })
    app.mount('#app')
</script>